<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			li{
				color:red;
			}
			.class111{
				color:green;
			}
			/*找到li标签中class名是  class111的 让他的文字颜色变蓝*/
			li.class111{
				color:blue;
			}
		</style>
	</head>
	<body>
		<!--class是可以重复的。并且同一个class可以用在不同的标签上-->
		<div class="class111">我是class是class111的div</div>
		<span  class="class111">我是class111的span</span>
		<ul>
			<li class="class111">1111</li>
			<li>2222</li>
			<li>3333</li>
			<li>4444</li>
			<li>5555</li>
		</ul>
	</body>
</html>
